<!doctype html>
<html>
	<head>
		<!--声明当前页面的编码集：charset=gbk,gb2312(中文编码)，utf-8国际编码-->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!--当前页面的三要素-->
		<title>CSS 字体属性定义文本 </title>
		<meta name="Keywords" content="关键词,关键词">
		<meta name="description" content="">

		<!--css,js-->
		<style type="text/css">
			*{margin:0;padding:0;}
			body{font-size:12px;font-family:"微软雅黑";color:#000;}
			h2{text-align:center;}
			.shiyi{width:800px;border:1px solid #000;margin:10px auto;padding:10px 0;}

			.shiyi .capitalize{text-transform:capitalize;}
			.shiyi .uppercase{text-transform:uppercase;}
			.shiyi .lowercase{text-transform:lowercase;}
			.shiyi .text{
				/*字体的大小*/
				font-size:16px;
				/*字体系列 （font-family）*/
				font-family:"微软雅黑";
				/* 字体风格（font-style：normal / italic / oblique）*/
				font-style:normal;
			}
			.shiyi .italic{font-style:italic;}
			.shiyi .oblique{font-style:oblique;}
			.shiyi .bold{
				/*默认加粗 bold == 700*/
				font-weight:bold;
			}
			/*更粗*/
			.shiyi .bolder{font-weight:bolder;}
			/*更细*/
			.shiyi .lighter{font-weight:lighter;}
			/*自定义大小*/
			.shiyi .auto{font-weight:900;}

			.shiyi .underline{text-decoration:underline;}
			.shiyi .overline{text-decoration:overline;}
			.shiyi .line-through{text-decoration:line-through;font-size:18px;color:red;}
			.shiyi .blink{text-decoration:blink;}
			.shiyi .inherit{text-decoration:inherit;}
			.shiyi .text-indent{text-indent:20px;}

		</style>

	</head>
<body>
	<h1>第十一节：css样式(下)css 文本 </h1>
	<div class="shiyi">
		<h2>text-decoration 设置文本的标线</h2>
		<br />
		text-decoration:underline：<span class="underline">潭州软件学院</span></br></br>
		text-decoration:overline：<span class="overline">潭州软件学院</span><br /></br>
		text-decoration:line-through：原价：<span class="line-through">999￥</span> ， 现价：888￥<br /><br />
		text-decoration:blink：<span class="blink">潭州软件学院</span><br /><br />
		text-decoration:inherit：<span class="inherit">潭州软件学院</span><br /><br />
	</div>

	<div class="shiyi">
		<h2>text-transform 控制文本中的字母</h2>
		<br />
		<!--首字母变成大写-->
		利用text-transform:capitalize将每个单词的首字母变为大写：<span class="capitalize">my name is shuangwaiwai ！</span><br /><br />
		<!--所有字母变成大写-->
		利用text-transform:uppercase将每个单词的所有字母全变为大写：<span class="uppercase">my NAME is shuangwaiwai ！</span><br /><br />
		<!--所有字母变成小写-->
		利用text-transform:lowercase将每个单词的所有字母全变为小写：<span class="lowercase">HE IS shuangwaiwai ！</span><br /><br />
	</div>

	<div class="shiyi">
		<h2>text-indent（将段落的第一行缩进）</h2>
		<br />
		<p class="text-indent">
			欢迎加入潭州学院！成立于2007年，互联网最早的在线教育学院，数百名认证讲师365天在线直播授课，是以技术为驱动，学员为本的教育机构，100+门课程解决学员工作技能问题和兴趣爱好培训，同时开放线上讲师申请授课，领跑最前沿核心技术和课程，8年成功帮助超过300000学员实现自我价值和解决就业技能问题。
		</p>
	</div>

	<div class="shiyi">
		<h2>CSS 字体属性定义文本</h2>
		<br />
		<p class="text">欢迎加入潭州学院！成立于2007年，互联网最早的在线教育学院，数百名认证讲师365天在线直播授课，是以技术为驱动，学员为本的教育机构，100+门课程解决学员工作技能问题和兴趣爱好培训，同时开放线上讲师申请授课，领跑最前沿核心技术和课程，8年成功帮助超过300000学员实现自我价值和解决就业技能问题。</p> <br /><br />
		<p class="italic">欢迎加入潭州学院！成立于2007年，互联网最早的在线教育学院，数百名认证讲师365天在线直播授课，是以技术为驱动，学员为本的教育机构，100+门课程解决学员工作技能问题和兴趣爱好培训，同时开放线上讲师申请授课，领跑最前沿核心技术和课程，8年成功帮助超过300000学员实现自我价值和解决就业技能问题。</p> <br /><br />
		<p class="oblique">欢迎加入潭州学院！成立于2007年，互联网最早的在线教育学院，数百名认证讲师365天在线直播授课，是以技术为驱动，学员为本的教育机构，100+门课程解决学员工作技能问题和兴趣爱好培训，同时开放线上讲师申请授课，领跑最前沿核心技术和课程，8年成功帮助超过300000学员实现自我价值和解决就业技能问题。</p>
	</div>

	<div class="shiyi">
		<h2>font-weight 属性设置文本的粗细</h2>
		<br />
		<p class="bold">欢迎加入潭州学院！成立于2007年，互联网最早的在线教育学院，数百名认证讲师365天在线直播授课，是以技术为驱动，学员为本的教育机构，100+门课程解决学员工作技能问题和兴趣爱好培训，同时开放线上讲师申请授课，领跑最前沿核心技术和课程，8年成功帮助超过300000学员实现自我价值和解决就业技能问题。</p><br /><br />
		<p class="bolder">欢迎加入潭州学院！成立于2007年，互联网最早的在线教育学院，数百名认证讲师365天在线直播授课，是以技术为驱动，学员为本的教育机构，100+门课程解决学员工作技能问题和兴趣爱好培训，同时开放线上讲师申请授课，领跑最前沿核心技术和课程，8年成功帮助超过300000学员实现自我价值和解决就业技能问题。</p><br /><br />
		<p class="lighter">欢迎加入潭州学院！成立于2007年，互联网最早的在线教育学院，数百名认证讲师365天在线直播授课，是以技术为驱动，学员为本的教育机构，100+门课程解决学员工作技能问题和兴趣爱好培训，同时开放线上讲师申请授课，领跑最前沿核心技术和课程，8年成功帮助超过300000学员实现自我价值和解决就业技能问题。</p><br /><br />
		<p class="auto">欢迎加入潭州学院！成立于2007年，互联网最早的在线教育学院，数百名认证讲师365天在线直播授课，是以技术为驱动，学员为本的教育机构，100+门课程解决学员工作技能问题和兴趣爱好培训，同时开放线上讲师申请授课，领跑最前沿核心技术和课程，8年成功帮助超过300000学员实现自我价值和解决就业技能问题。</p>
	</div>
</body>
</html>